﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="AdminLoginPage.aspx.cs" Inherits="smartphone.AdminLoginPage" %>

<%@ Register Src="~/UserControls/AdminLogin.ascx" TagPrefix="uc1" TagName="AdminLogin" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <meta charset="utf-8" />
    <title>Start Login - Admin Template</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="description" content="" />
    <meta name="author" content="" />
    <link rel="shortcut icon" href="Styles/Admincss/images/favicon.png" />
    <!-- Le styles -->
    <link href="Styles/Admincss/twitter/bootstrap.css" rel="stylesheet" />
    <link href="Styles/Admincss/base.css" rel="stylesheet" />
    <link href="Styles/Admincss/twitter/responsive.css" rel="stylesheet" />
    <link href="Styles/Admincss/jquery-ui-1.8.23.custom.css" rel="stylesheet" />
    <script src="Scripts/Admin/plugins/modernizr.custom.32549.js"></script>
</head>
<body>
<div id="login_page"> 
  <!-- Login page -->
  <div id="login">
    <div class="row-fluid fluid">
        <div class="box paint">
            <uc1:AdminLogin runat="server" ID="AdminLogin" />
        </div>
    </div>
  </div>
   <img src="img/ajax-loader.gif">  
</div>
<!-- End #loading --> 

<!-- Le javascript
    ================================================== --> 
<!-- Placed at the end of the document so the pages load faster --> 

<!-- Flip effect on login screen --> 
<script type="text/javascript" src="../../../ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script> 
<script type="text/javascript" src="Scripts/Admin/plugins/jquerypp.custom.js"></script> 
<script type="text/javascript" src="Scripts/Admin/plugins/jquery.bookblock.js"></script> 
<script language="javascript" type="text/javascript" src="Scripts/Admin/plugins/jquery.uniform.min.js"></script> 
<script type="text/javascript">
    $(function () {
        var Page = (function () {

            var config = {
                $bookBlock: $('#bb-bookblock'),
                $navNext: $('#bb-nav-next'),
                $navPrev: $('#bb-nav-prev'),
                $navJump: $('#bb-nav-jump'),
                bb: $('#bb-bookblock').bookblock({
                    speed: 800,
                    shadowSides: 0.8,
                    shadowFlip: 0.7
                })
            },
              init = function () {

                  initEvents();

              },
              initEvents = function () {

                  var $slides = config.$bookBlock.children(),
                      totalSlides = $slides.length;

                  // add navigation events
                  config.$navNext.on('click', function () {
                      $("#arrow_register").fadeOut();
                      $(".not-member").slideUp();
                      $(".already-member").slideDown();
                      config.bb.next();
                      return false;

                  });

                  config.$navPrev.on('click', function () {

                      $(".not-member").slideDown();
                      $(".already-member").slideUp();
                      config.bb.prev();
                      return false;

                  });

                  config.$navJump.on('click', function () {

                      config.bb.jump(totalSlides);
                      return false;

                  });

                  // add swipe events
                  $slides.on({

                      'swipeleft': function (event) {

                          config.bb.next();
                          return false;

                      },
                      'swiperight': function (event) {

                          config.bb.prev();
                          return false;

                      }

                  });

              };

            return { init: init };

        })();

        Page.init();

    });
    </script> 
<script type='text/javascript'>

    $(window).load(function () {
        $('#loading1').fadeOut();
    });
    $(document).ready(function () {
        $("input:checkbox, input:radio, input:file").uniform();


        $('[rel=tooltip]').tooltip();
        $('body').css('display', 'none');
        $('body').fadeIn(500);

        $("#logo a, #sidebar_menu a:not(.accordion-toggle), a.ajx").click(function () {
            event.preventDefault();
            newLocation = this.href;
            $('body').fadeOut(500, newpage);
        });
        function newpage() {
            window.location = newLocation;
        }
    });



    </script>
</body>
</html>
